<template>

<!--  <SubSlot>
    <p>{{msg}}</p>
  </SubSlot>-->

  <SubSlot>
    <p>父组件向子组件分发的内容</p>
    <template v-slot:header>
      <div>头部内容</div>
    </template>
    <template v-slot:footer>
      <div>尾部内容</div>
    </template>
  </SubSlot>

</template>

<script>
  import SubSlot from '@/components/SubSlot'
  export default {
    name: "MySlotIndexView",
    components: {
      SubSlot
    },
    data(){
      return{
        msg: "父组件向子组件分发的内容——动态数据"
      }
    }
  }
</script>

<style scoped>

</style>